<template>
	<view>
		<u-navbar   :title="title" 
					:is-back="isBack"
					:title-bold="true"
					:border-bottom="borderBottom" 
					:background="navbarBackground"></u-navbar>
	</view>
</template>

<script>
	export default {
		name:"common-navabar",
		props:{
			title:{
				type:String,
				default:'甜诺烘焙',
			},
			isBack:{
				type:Boolean,
				default:true,
			},
			borderBottom:{
				type:Boolean,
				default:false,
			},
			bgColor:{
				type:String,
				default:'',
			}
		},
		data() {
			return {
				navbarBackground:{
					
				}
			};
		},
		mounted:function(){
			if(this.bgColor.length<1){
				this.navbarBackground=this.navbarBg;
			}else{
				this.navbarBackground={
					'backgroundColor':this.bgColor
				};
			}
		}
	}
</script>

<style lang="scss">

</style>